<script>
// 解決tab内容里面的值含有动态的内容,data的变化，插槽没办法监听的变化，props是可以监听到变化的
export default {
    props:{
        panes:{
            type:Array,
            required:true
        }
    },
    render(h) {
        const contents = this.panes.map(pane => {
            return pane.active ? pane.$slots.default:null
        })
        return (
            <div class="tab_content">
            {contents}
            </div>
        )
    },
}
</script>
